<template>
  <div class="home_box">
    <Header></Header>
    <div class="contain">
      <div class="left">
        <OverView></OverView>
        <Post></Post>
      </div>
      <div class="center">
        <CenterBox></CenterBox>
      </div>
      <div class="right">
        <RightBox></RightBox>
      </div>
    </div>

  </div>
</template>

<script>
import Header from '@/components/header'
import OverView from '@/components/left/overview.vue'
import Post from '@/components/left/post.vue'
import CenterBox from '@/components/center'
import RightBox from '@/components/right'

export default {
  data() {
    return {

    }
  },
  components: {
    Header, OverView, Post, CenterBox, RightBox
  },
  mounted() {

  },
  methods: {

  },
}

</script>
<style lang='scss' scoped>
.home_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  .contain {

    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 35px;

    // height: 100%;
    .left,
    .right {
      width: 470px;
      height: 100%;

    }

    .center {
      flex: 1;
    }
  }





}



// 弹出层样式
::v-deep {
  .el-dialog {
    margin-top: 10vh !important;
    background: url('@/assets/images/dialog/bottom.svg') no-repeat center 850px, rgba(2, 45, 66, 0.9);
    border: 2px solid rgba(77, 193, 247, 0.9);
    box-shadow: inset 0px 0px 30px rgba(18, 198, 230, 0.9);
  }

  .el-dialog__title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 36.96px;
    color: rgba(255, 255, 255, 1);
    vertical-align: top;
  }

  .el-dialog__header {
    height: 40px;
    text-align: center;
    background: url('@/assets/images/dialog/header_bg.svg') no-repeat 50px bottom
  }

  .el-dialog__headerbtn {
    width: 30px;
    height: 30px;
    background: rgba(255, 119, 52, 0.3);

    border: 1.57px solid rgba(255, 119, 52, 1);
  }

  .el-dialog__headerbtn .el-dialog__close {

    color: rgba(255, 241, 231, 1);
    font-size: 24px
  }

  .el-dialog__body {
    height: 800px;
    padding: 20px 20px 40px 20px;
    box-sizing: border-box;

  }
}

</style>